<!DOCTYPE html>
<html>
<head>
    <title>Login</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!--beetl默认ctxPath对应默认static  -->
    <meta name="keywords"
          content="Flat Dark Web Login Form Responsive Templates, Iphone Widget Template, Smartphone login forms,Login form, Widget Template, Responsive Templates, a Ipad 404 Templates, Flat Responsive Templates"/>
    <link href="${ctxPath}/css/login_style.css" rel='stylesheet' type='text/css'/>
</head>
<body>
<!--SIGN UP-->
<h1>登录</h1>
<div class="login-form">

    <div class="close" onclick="location.href='/'"></div>

    <div class="head-info">
        <label class="lbl-1"> </label>
        <label class="lbl-2"> </label>
        <label class="lbl-3"> </label>
    </div>

    <div class="clear"></div>

    <div class="avtar">
        <img src="${ctxPath}/img/avtar.png"/>
    </div>

    <form action="/beetl/login" method="get">
        <!--ongocus 聚焦的时候-->
        <!--onblur 失去焦点的时候-->
        <input type="text" class="text" value="Username" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Username';}" name="userName">
        <div class="key">
            <input type="password" value="Password" onfocus="this.value = '';"  onblur="if (this.value == '') {this.value = 'Password';}" name="password">
        </div>

        <div class="signin">
            <input type="submit" value="Login">
        </div>
    </form>

</div>
<div class="copy-rights">
    <p>Copyright &copy; 2015.Company name All rights reserved</p>
</div>

</body>

</html>